<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">

	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>关于我们</title>
		<link href="//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600&display=swap"
		 rel="stylesheet">
		<!-- Template CSS -->
		<link rel="stylesheet" href="assets/css/style-starter.css">
		<link rel="stylesheet" href="assets/css/fame.css">
			<link rel="stylesheet" href="//cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
			<script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
			<script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
			<style>
			.dropdown-menu li a{
				text-align: center;
				margin-right: 300px;
			}
			</style>
	</head>

	<body>
		<section class="w3l-header">
				<header id="site-header" class="fixed-top">
					<div class="container">
						<nav class="navbar navbar-expand-lg navbar-dark stroke">
							<h1><a class="navbar-brand" href="index.html">
									<span class="fa fa-braille"></span> 软件协会
								</a></h1>
							<!-- if logo is image enable this   
		<a class="navbar-brand" href="#index.html">
		    <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
		</a> -->
							<button class="navbar-toggler  collapsed bg-gradient" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
							 aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
								<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
								<span class="navbar-toggler-icon fa icon-close fa-times"></span>
								</span>
							</button>
		
							<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
								<ul class="navbar-nav ml-auto"  style="float: right;">
									<li class="nav-item">
										<a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
									</li>
									<li class="nav-item active" class="dropdown" >
										<a class="nav-link dropdown-toggle" data-toggle="dropdown">
											关于我们<span class="fa fa-caret-down"></span>
										</a>
										<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1" style="margin-left: 40px;"  >
											<li role="presentation" style="width: 200px;text-align: center;">
												<a role="menuitem" tabindex="-1" href="about.html" class="h4">社团介绍</a>
											</li>
											<li role="presentation" style="width: 200px;text-align: center;">
												<a role="menuitem" tabindex="-1" href="announcement.html"class="h4"style="" >公告大厅</a>
											</li>
											<li role="presentation" style="width: 200px;text-align: center;">
												<a role="menuitem" tabindex="-1" href="regulation.html" class="h4">社团规章</a>
											</li>
											<li role="presentation" style="width: 200px;text-align: center;">
												<a role="menuitem" tabindex="-1" href="Fame.html" class="h4">名人堂</a>
											</li>
										</ul>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="services.html">课程</a>
									</li>
		
									<li class="nav-item">
										<a class="nav-link" href="contact.html">联系我们</a>
									</li>
									<!-- <li class="nav-item">
										<a class="nav-link free-con" href="https://localhost:44345/Logins/loginTwo">登录</a>
									</li> -->
								</ul>
							</div>
							<!-- toggle switch for light and dark theme -->
							<div class="mobile-position">
								<nav class="navigation">
									<div class="theme-switch-wrapper">
										<label class="theme-switch" for="checkbox">
											<input type="checkbox" id="checkbox">
											<div class="mode-container py-1">
												<i class="gg-sun"></i>
												<i class="gg-moon"></i>
											</div>
										</label>
									</div>
								</nav>
							</div>
							<!-- //toggle switch for light and dark theme -->
						</nav>
					</div>
				</header>
				<!--/header-->
			</section>
		<div class="inner-banner">
		</div>
		<section class="w3l-breadcrumb">
			<div class="container">
				<ul class="breadcrumbs-custom-path">
					<li><a href="#url">首页</a></li>
					<li class="active"><span class="fa fa-arrow-right mx-2" aria-hidden="true"></span>名人堂</li>
				</ul>
			</div>
		</section>

		<div class="w3l-cwp4-sec py-5">
			<div class="container py-md-5 py-3">
				<div class="cwp4-two align-items-center">
					<div class="abouthyn-inn text-center">
						<h6 class="sub-titlehny">荣誉的殿堂</h6>
						<h3 class="hny-title">名人堂</h3>
						<p class="ab-para">
							星光灿烂，激情燃烧，因为有梦，所以努力。你在你的领域不惜青春，我在我的道路不知疲倦
						</p>
						
						<div class="buttons mt-5">
							<a href="contact.html" class="btn btn-style btn-primary">联系我们</a>
						
						</div>
					</div>

				</div>
			</div>

			<section class="w3l-ab-features py-5">
				<div class="container py-md-5 py-3">
					<div class="row features-w3pvt-main align-items-center " id="features">
						<div class="abouthyn-inn">
							<h3 class="hny-title">展示大厅</h3>
						</div> 
						<div id="uplist" style="width: 90%;height: 600px;margin-left: 60px;">
							<div id="myCarousel" class="carousel slide" style="width: 100%;height: 500px;">
							    <!-- 轮播（Carousel）指标 -->
							    <ol class="carousel-indicators">
							        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
							        <li data-target="#myCarousel" data-slide-to="1"></li>
							        <li data-target="#myCarousel" data-slide-to="2"></li>
							    </ol>   
							    <!-- 轮播（Carousel）项目 -->
							    <div class="carousel-inner">
							        <div class="item active">
							            <img src="https://i04piccdn.sogoucdn.com/68bda1c3f719ff52" style="width: 1000px;height: 500px;" alt="First slide">
							            <div class="carousel-caption">标题 1</div>
							        </div>
							        <div class="item">
							            <img src="http://www.bamaol.com/Public/ueditor/php/upload/image/20141017/20141017143848_52995.jpg" style="width: 1000px;height: 500px;" alt="Second slide">
							            <div class="carousel-caption">标题 2</div>
							        </div>
							        <div class="item">
							            <img src="http://5b0988e595225.cdn.sohucs.com/images/20180301/eced63fbde59494dbc7ca59a31da7485.jpeg" style="width: 1000px;height: 500px;" alt="Third slide">
							            <div class="carousel-caption">标题 3</div>
							        </div>
							    </div>
							    <!-- 轮播（Carousel）导航 -->
							    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
							        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							        <span class="sr-only">Previous</span>
							    </a>
							    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
							        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							        <span class="sr-only">Next</span>
							    </a>
							</div>
						</div>
					</div>
				</div>
			</section>


						<!--//w3l-footer-29-main-->
			<footer>
				<!-- footer -->
				<section class="w3l-footer">
					<div class="w3l-footer-16-main py-5">
						<div class="container pt-lg-4">
							<div class="row footer-border">
								<div class="col-lg-4 col-md-5 column pr-md-0">
									<h2><a href="index.html" class="footer-brand-logo"><span class="fa fa-braille"></span>软件协会</a></h2>
									<ul class="mt-4 contact">
										<li>
											<p><span class="fa fa-phone" aria-hidden="true"></span> <a href="tel:+44-255-366-88">+44-255-366-88</a></p>
										</li>
										<li>
											<p><span class="fa fa-clock-o" aria-hidden="true"></span> Mon - Sat 8.00 - 18.00</p>
										</li>
									</ul>
								</div>

								<div class="col-lg-4 col-md-4 col-sm-6 column mt-md-0 mt-5 pl-lg-4">
									<h3>软件协会</h3>
									<ul class="footer-gd-16">
										<li><a href="index.html">首页</a></li>
										<li><a href="about.html">关于我们</a></li>
										<li><a href="services.html">Services</a></li>
										<li><a href="javascript: void(0);">Blog</a></li>
										<li><a href="contact.html">联系我们</a></li>
									</ul>
								</div>
								<div class="col-lg-4 col-md-4 col-sm-6 column mt-md-0 mt-5">
									<h3>相关链接</h3>
									<ul class="footer-gd-16">
										<li><a href="#url">湖南铁路科技职业技术学院</a></li>
										<li><a href="#url">Our Branches</a></li>
										<li><a href="#url">Latest Media</a></li>
									</ul>
								</div>
							</div>
							<div class="below-section pt-4 mt-4 text-center">
								<div class="columns-2">
									<ul class="social">
										<li><a href="#facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
										</li>
										<li><a href="#linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
										</li>
										<li><a href="#twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
										</li>
										<li><a href="#google"><span class="fa fa-google-plus" aria-hidden="true"></span></a>
										</li>
										<li><a href="#github"><span class="fa fa-github" aria-hidden="true"></span></a>
										</li>
									</ul>
								</div>
								<div class="columns mt-3">
									<p>
										&copy; 2021 湖南铁路科技职业技术学院软件协会官网. 保留所有权利 | 设计者
										<span><code>许啸宇</code></span><code>刘昉</code><code>孙昊哲</code><code>王琪</code>
									</p>
								</div>
							</div>
						</div>
					</div>

					<!-- move top -->
					<button onclick="topFunction()" id="movetop" title="Go to top">
						<span class="fa fa-angle-up"></span>
					</button>
					<script>
						// When the user scrolls down 20px from the top of the document, show the button
						window.onscroll = function() {
							scrollFunction()
						};

						function scrollFunction() {
							if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
								document.getElementById("movetop").style.display = "block";
							} else {
								document.getElementById("movetop").style.display = "none";
							}
						}

						// When the user clicks on the button, scroll to the top of the document
						function topFunction() {
							document.body.scrollTop = 0;
							document.documentElement.scrollTop = 0;
						}
					</script>
					<!-- //move top -->
					<script>
						$(function() {
							$('.navbar-toggler').click(function() {
								$('body').toggleClass('noscroll');
							})
						});
					</script>
				</section>
				<!-- //footer -->
			</footer>

			<!-- Template JavaScript -->
			<script src="assets/js/jquery-3.3.1.min.js"></script>

			<script src="assets/js/theme-change.js"></script>

			<!-- js for portfolio lightbox -->
			<!-- libhtbox -->
			<script src="assets/js/lightbox-plus-jquery.min.js"></script>
			<!-- libhtbox -->
			<script src="assets/js/owl.carousel.js"></script>
			<!-- script for testimonials -->
			<script>
				$(document).ready(function() {
					$('.owl-testimonial').owlCarousel({
						loop: true,
						margin: 0,
						nav: true,
						responsiveClass: true,
						autoplay: true,
						autoplayTimeout: 5000,
						autoplaySpeed: 1000,
						autoplayHoverPause: false,
						responsive: {
							0: {
								items: 1,
								nav: false
							},
							480: {
								items: 1,
								nav: false
							},
							667: {
								items: 1,
								nav: true
							},
							1000: {
								items: 1,
								nav: true
							}
						}
					})
				})
			</script>
			<!-- //script for testimonials -->
			<!-- stats number counter-->
			<script src="assets/js/jquery.waypoints.min.js"></script>
			<script src="assets/js/jquery.countup.js"></script>
			<script>
				$('.counter').countUp();
			</script>
			<!-- //stats number counter -->
			<!--/MENU-JS-->
			<script>
				$(window).on("scroll", function() {
					var scroll = $(window).scrollTop();

					if (scroll >= 80) {
						$("#site-header").addClass("nav-fixed");
					} else {
						$("#site-header").removeClass("nav-fixed");
					}
				});

				//Main navigation Active Class Add Remove
				$(".navbar-toggler").on("click", function() {
					$("header").toggleClass("active");
				});
				$(document).on("ready", function() {
					if ($(window).width() > 991) {
						$("header").removeClass("active");
					}
					$(window).on("resize", function() {
						if ($(window).width() > 991) {
							$("header").removeClass("active");
						}
					});
				});
			</script>
			<!--//MENU-JS-->

			<script src="assets/js/bootstrap.min.js"></script>

	</body>

</html>
